<!DOCTYPE html>
<html>
<head>
	<title>demo</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="../plugins/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../plugins/bootstrapTable/bootstrap-table.css">
	<link rel="stylesheet" type="text/css" href="../css/quick_layout.css">
</head>
<body>
	<!-- --allow-file-access-from-files -->
	<h1>表</h1>
	<div class="p20">
		<table id='demo' class="table table-hover"></table>
	</div>
</body>
<script type="text/javascript" src="../plugins/jquery-1.11.3/jquery.js"></script>
<script type="text/javascript" src="../plugins/bootstrap/js/bootstrap.js""></script>
<script type="text/javascript" src="../plugins/bootstrapTable/bootstrap-table.js""></script>
<script type="text/javascript" src="../plugins/bootstrapTable/locale/bootstrap-table-zh-CN.js""></script>
<script type="text/javascript" src="../plugins/bootstrap-table-module/bt-table-module.js""></script>
<script type="text/javascript">
	var demo_table;
	$(function(argument) {
		// body...
		$('#demo').BTableModule({
			config: {
				url: '../data.json', // 数据请求路径
		        uniqueId: 'id', // 设置tr上面的序号
		        responseHandler: function (res) { // 处理返回数据
		        	console.info(res.rows);
		            return res.rows;
		        },
		        // singlepageSortDict: true, // 开启单页排序
		        columns: [
		        	{
		                field: 'id',
		                title: '序号',
		                sortable: true
		            },
		            {
		                field: 'name',
		                title: '名字',
		                sortable: true
		            }
		            // 
		            //     field: 'code',
		            //     title: '编码',
		            //     sortable: true
		            // },
		            // {
		            //     field: 'note',
		            //     title: '编号',
		            //     sortable: true
		            // },
		            // {
		            //     field: 'des',
		            //     title: '描述',
		            //     sortable: true
		            // },
		            // {
		            //     field: 'other',
		            //     title: '其他',
		            //     sortable: true
		            // }
		        ]
			}
		});
	});
	
</script>
</html>